<template>
	<view class="container">
		<view class="instruction" v-if="!isContactUs">
			<view class="title">使用须知</view>
			<view>一、出于隐私考虑，本软件所有数据为本地存储，如果卸载软件，软件中的数据会全部删除。<text class="font">请慎重卸载！！！！</text></view>
			<view>二、如果卸载后，想保留软件中的数据。请按以下方式进行操作。在底部菜单栏中，选择设置，进入设置页面后，点击“导出数据”就可以把软件中的数据导出来。</view>
			<view>三、卸载后，又重新安装使用。如果导出了以前的数据，请选择“导入数据”就可以把原来的数据重新导入到软件中了。</view>
		</view>
		<view class="contact-us-container" v-else>
			<view class="title">支持与联系我们</view>
			<view>如果在使用软件的过程中，您有意见和建议请扫描下图二维码联系我们。</view>
			<view>如果觉得本软件不错，也可以支持我们哦</view>
			<view class="contact-us-img-container">
				<image :src="friendUrl" mode="widthFix" show-menu-by-longpress="true" @click="openImg(this.friendUrl)"
					@longpress="openImg(this.friendUrl)" class="friend"></image>
				<image :src="paymentcode" mode="widthFix" show-menu-by-longpress="true"
					@click="openImg(this.paymentcode)" @longpress="openImg(this.paymentcode)" class="paymentcode">
				</image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				//true：联系我们；false：使用须知
				isContactUs: true,
				friendUrl: '../../static/wechat/friend.jpg',
				paymentcode: '../../static/wechat/paymentcode.jpg'
				//'https://lr-huayoushi.oss-cn-beijing.aliyuncs.com/image/2021-11-26/a6309282ce18e50eb0f8e725763d28b8.jpg'
			};
		},
		onLoad(option) {
			//特别注意：需要进行判断，传来的参数是否为true，
			//否则this.isContactUs不是bool类型，不能正确显示页面
			this.isContactUs = option.isContactUs === 'true'
		},
		methods: {
			//备注：因为没有与微信交互的工具，所有只能做到保存二维码，然后，通过微信扫描二维码方式添加微信或支付
			openImg(url) {
				uni.previewImage({
					//需要预览的图片链接列表
					urls: [url],
					//为当前显示图片的链接
					current: url,
					indicator: 'default',
					//// 长按图片显示操作菜单，如不填默认为保存相册
					// longPressActions: {
					// 	itemList: ['发送给朋友', '保存图片', '收藏', '识别二维码'],
					// 	success(data) {
					// 		//data.index ：urls中图片的位置；data.tapIndex：tab的位置
					// 		// console.log('data' + data.index + '；' + data.tapIndex)
					// 	}
					// },
					success: res => {
						console.log('res', res);
					},
					fail: err => {
						console.log('err', err);

					}
				})
			},
			//识别二维码
			parseCode(data) {
				console.log(data)
				plus.barcode.scan(data,
					function(type, result) {
						console.log("Scan success:(" + type + ")" + result);
						result = result.replace(/\n/g, '');
						result = result.toLowerCase(); //url转为全小写
						result = result.replace(/\"/g, "");
						browser.init(result); //跳转APP内置浏览器
					},
					function(e) {
						console.log("Scan failed: " + JSON.stringify(e));
					})
			}
		}
	}
</script>

<style lang="scss">
	.container {
		margin: 5px 10px 0 10px;
		line-height: 30px;

		.contact-us-img-container {
			display: flex;
			flex-direction: row;
			justify-items: center;
			justify-content: space-around;
			align-items: center;
		}

		.font {
			color: red;
			font-weight: bold;
		}

		.title {
			text-align: center;
			font-size: 20px;
		}
	}
</style>